{% extends "base.html" %}
{% load static %}

{% block title %}GodJin · 抖音{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'css/douyin.css' %}">
{% endblock %}

{% block content %}
    
    <!-- Hero Banner -->
<section class="py-5 text-white text-center" 
         style="background: url('{% static "picture/introdu.jpg" %}') center/cover no-repeat; margin-top:0;">
  <div class="container py-5">
    <h1 class="display-4 fw-bold">GodJin</h1>
    <p class="lead mb-4">星火余晖的一缕残烬</p >
    <a href="/version" class="btn btn-light btn-lg shadow-sm">了解更多</a >
  </div>
</section>
    
    
{#<!-- 个人介绍（嵌入到 {% block content %} 内） -->#}
<section class="py-5" style="margin-top:0;">
  <div class="container">

    <!-- 头像 + 标题 -->
    <div class="text-center mb-5">
      <img src="{% static 'picture/jinzhu.jpg' %}" alt="头像" 
           class="rounded-circle shadow-lg mb-3" width="150" height="150">
      <h1 class="fw-bold">你好，我是 GodJin</h1>
      <p class="text-muted">一名自媒体·技术探索者</p >
    </div>

    <!-- 宣言卡片 -->
    <div class="card shadow-sm border-0 mb-5">
      <div class="card-body p-4 p-md-5">
        <p class="lead">
          不知道是什么时候，我开始意识到，钱非常难挣；大学生也并不像我曾经认为的那样有多么厉害。
          我开始迷茫，开始焦虑。但大学剩下这些时间，总得做点什么——不管是实习还是创业，我都想试试。
        </p >

        <p>
          实习好说；创业呢？创业很难，非常难，但我想试试。我选择了
          <span class="fw-bold text-primary">自媒体</span>，也只有自媒体。
          我找了小伙伴们合作，目前大家都是小白阶段。这将是一个非常漫长的准备期……
          我也不知道它需要多久，也许半年，也许一年。
        </p >

        <p>
          我想先打造一个平台，让大家能够方便地获取资源、做数据分析。当然，我也会把自己写的一些奇奇怪怪的小玩意放上来。
          虽然这些东西现在看起来不起眼，但我相信，未来会越来越好。
          <strong>—— GodJin 的目的</strong>
        </p >

        <hr class="my-4">

        <blockquote class="blockquote mb-0">
          <p class="mb-0">至于我，GodJin —— 一个妄想成为神的屌丝.</p >
        </blockquote>
          
          <div class="text-end text-muted small mt-4">
            <em>记录于 2025 年 9 月 12 日 21:48</em>
          </div>
      </div>
    </div>

      
      
    <!-- 联系方式 -->
    <div class="text-center">
      <h2 class="h4 mb-3">联系我</h2>
      <p class="mb-1">
        📧 邮箱：<a href=" ">3272717571@qq.com</a >
      </p >
      <p class="mb-3">
        📱 抖音 / B站：<span class="fw-bold">@GodJin</span>
      </p >
      <a href="/" class="btn btn-primary btn-lg shadow-sm">返回首页</a >
    </div>

  </div>
</section>    


    
    
{% endblock %}
{% block extra_js %}
    
{#    // 把占位图URL注入给外部JS使用（外部JS无法使用{% static %}）#}
    <script>
    window.DY_PLACEHOLDER = "{% static 'picture/jinzhu.jpg' %}";
    </script>
<script src="{% static 'js/douyin.js' %}"></script>
{% endblock %}